export const commProperty = { lg: 8, md: 12, xs: 24, titleRow: true }
export const layoutComponents = [
  {
    type: 'gridPanel',
    name: '模块控件',
    icon: 'el-icon-s-grid',
    isShowSpanSetting: true,
    columns: [
      {
        span: 24,
        list: []
      }
    ],
    title: '',
    options: {
      IsShowTitle: false,
      idPrefix: 'pnl_',
      controlId: '',
      tagattr: ''
    }
  },
  {
    type: 'tabs',
    name: 'tab标签页',
    icon: 'fa fa-tags',
    layout: 'inline',
    isShowSpanSetting: true,
    options: {
      idPrefix: 'tabs_',
      describe: '',
      type: '',
      tabPosition: 'top',
      panelist: [
        {
          name: 'tab1',
          title: '用户管理',
          icon: 'el-icon-date',
          tagattr: '',
          columns: [
            {
              span: 24,
              list: []
            }
          ]
        },
        {
          name: 'tab2',
          title: '用户管理2',
          icon: 'el-icon-date',
          tagattr: '',
          columns: [
            {
              span: 24,
              list: []
            }
          ]
        }
      ],
      tagattr: ''
    }
  },
  {
    type: 'collapse',
    name: '折叠面板',
    icon: 'fa fa-tasks',
    layout: 'inline',
    isShowSpanSetting: true,
    options: {
      describe: '',
      panelist: [
        {
          name: 'collapse1',
          title: '面板1',
          tagattr: '',
          columns: [
            {
              span: 24,
              list: []
            }
          ]
        },
        {
          name: 'collapse2',
          title: '面板2',
          tagattr: '',
          columns: [
            {
              span: 24,
              list: []
            }
          ]
        }
      ],
      tagattr: ''
    }
  }
]
export const basicComponents = [
  {
    type: 'fromlable',
    name: '文本标签',
    icon: 'el-icon-s-custom',
    isShowCheck: true,
    isShowSpanSetting: true,
    dragType: 'control',
    title: '文本标签',
    options: {
      filed: '',
      labelwidth: 100,
      defaultValue: '',
      ...commProperty,
      tagattr: '',
      titlecolor: ''
    }
  },
  {
    type: 'hidden',
    name: '隐藏文本',
    icon: 'el-icon-s-custom',
    isShowCheck: true,
    isShowSpanSetting: true,
    dragType: 'control',
    title: '隐藏文本',
    options: {
      filed: '',
      labelwidth: 200,
      defaultValue: '',
      ...commProperty,
      tagattr: ''
    }
  },
  {
    type: 'input',
    name: '单行文本',
    dragType: 'control',
    icon: 'fa fa-text-width',
    isShowCheck: true,
    isShowSpanSetting: true,
    layout: 'inline',
    eventlist: [],
    title: '单行文本',
    options: {
      defaultValue: '',
      placeholder: '',
      dataType: 'string',
      dataLength: '50',
      lg: commProperty.lg,
      md: commProperty.md,
      xs: commProperty.xs,
      titleRow: commProperty.titleRow,
      labelwidth: 100,
      filed: '',
      required: false,
      disabled: false,
      password: false,
      clearable: false,
      showwordlimit: false,
      suffixicon: '',
      prefixicon: '',
      tagattr: '',
      butsize: 'small',
      ruleslist: []
    }
  },
  {
    type: 'textarea',
    name: '多行文本',
    dragType: 'control',
    icon: 'fa fa-text-height',
    isShowCheck: true,
    isShowSpanSetting: true,
    eventlist: [],
    title: '多行文本',
    options: {
      defaultValue: '',
      placeholder: '',
      dataLength: '500',
      minRows: 3,
      maxRows: 1000,
      required: false,
      disabled: false,
      showwordlimit: false,
      lg: 24,
      md: 24,
      xs: 24,
      labelwidth: 100,
      filed: '',
      tagattr: '',
      ruleslist: []
    }
  },
  {
    type: 'select',
    name: '下拉列表',
    dragType: 'control',
    icon: 'fa fa-caret-square-o-down',
    isShowCheck: true,
    isShowSpanSetting: true,
    layout: 'inline',
    eventlist: [],
    title: '下拉列表',
    options: {
      defaultValue: '',
      isMulty: false,
      isSearch: false,
      required: false,
      disabled: false,
      collapsetags: false,
      clearable: false,
      allowcreate: false,
      butsize: 'small',
      edit: '',
      placeholder: '',
      filed: '',
      labelwidth: 100,
      ...commProperty,
      isRemote: false,
      wherelist: [],
      sourceApi: '',
      sourceName: '',
      sourcetype: '',
      labelValue: '',
      tagattr: '',
      options: ['选项1', '选项2']
    }
  },
  // {
  //   type: 'cascader',
  //   name: '级联选择器',
  //   dragType: 'control',
  //   icon: 'fa fa-caret-square-o-down',
  //   isShowCheck: true,
  //   isShowSpanSetting: true,
  //   layout: 'inline',
  //   eventlist: [],
  //   title: '列表',
  //   options: {
  //     defaultValue: '',
  //     isMulty: false,
  //     isSearch: false,
  //     required: false,
  //     disabled: false,
  //     edit: '',
  //     placeholder: '',
  //     filed: '',
  //     labelwidth: 100,
  //     tagattr: '',
  //     sourceApi: '',
  //     sourceApiId: '',
  //     lg: 8,
  //     md: 12,
  //     xs: 24,
  //     isRemote: false,
  //     source: {},
  //     labelText: 'label',
  //     labelValue: 'value',
  //     options: [
  //       {
  //         label: '选项1',
  //         value: '1'
  //       },
  //       {
  //         label: '选项2',
  //         value: '2'
  //       }
  //     ]
  //   }
  // },
  {
    type: 'date',
    name: '日期控件',
    dragType: 'control',
    icon: 'fa fa-calendar',
    isShowCheck: true,
    isShowSpanSetting: true,
    layout: 'inline',
    eventlist: [],
    title: '日期控件',
    options: {
      placeholder: '',
      dataType: 'date',
      format: 'yyyy-MM-dd',
      ...commProperty,
      labelwidth: 100,
      modeltype: 'date',
      isshowtime: false,
      required: false,
      disabled: false,
      filed: '',
      tagattr: ''
    }
  },
  {
    type: 'radio',
    name: '单选控件',
    icon: 'fa fa-dot-circle-o',
    dragType: 'control',
    isShowCheck: true,
    isShowSpanSetting: true,
    layout: 'inline',
    eventlist: [],
    title: '单选项',
    options: {
      labelwidth: 100,
      defaultValue: '',
      filed: '',
      disabled: false,
      required: false,
      isbutton: false,
      tagattr: '',
      wherelist: [],
      sourceApi: '',
      sourceName: '',
      sourcetype: '',
      labelValue: '',
      ...commProperty,
      isRemote: false,
      options: ['选项1', '选项2']
    }
  },
  {
    type: 'checkbox',
    name: '多选控件',
    icon: 'fa fa-check-square-o',
    dragType: 'control',
    isShowCheck: true,
    isShowSpanSetting: true,
    layout: 'inline',
    eventlist: [],
    title: '多选项',
    options: {
      labelwidth: 100,
      defaultValue: [],
      filed: '',
      disabled: false,
      required: false,
      isbutton: false,
      tagattr: '',
      wherelist: [],
      sourceApi: '',
      sourceName: '',
      sourcetype: '',
      labelValue: '',
      ...commProperty,
      isRemote: false,
      options: ['选项1', '选项2']
    }
  },
  {
    type: 'button',
    name: '按钮控件',
    icon: 'fa fa-bold',
    dragType: 'control',
    isShowCheck: false,
    isShowSpanSetting: true,
    options: {
      ...commProperty,
      labelwidth: 100,
      align: 'left',
      filed: '',
      buttons: [
        {
          name: '按钮',
          type: 'buttonitem',
          isShowCheck: true,
          isShowSpanSetting: true,
          layout: 'inline',
          id: 'butadd',
          eventlist: [],
          options: {
            labelTitle: '按钮',
            icon: 'fa fa-check',
            butType: '',
            tagattr: '',
            isplain: false,
            isround: false,
            iscircle: false,
            disabled: false,
            butsize: 'small'
          }
        }
      ]
    }
  },
  {
    type: 'switch',
    dragType: 'control',
    name: 'Switch开关',
    layout: 'inline',
    icon: 'el-icon-turn-off',
    isShowSpanSetting: true,
    title: 'Switch开关',
    options: {
      idPrefix: 'sw_',
      controlId: '',
      labelwidth: 100,
      ...commProperty,
      disabled: false,
      defaultValue: false,
      activecolor: '#13ce66',
      inactivecolor: '#ff4949',
      filed: '',
      tagattr: ''
    }
  },
  {
    type: 'slider',
    name: '滑块',
    dragType: 'control',
    layout: 'inline',
    icon: 'el-icon-minus',
    isShowSpanSetting: true,
    title: '滑块',
    options: {
      idPrefix: 'sl_',
      controlId: '',
      labelwidth: 100,
      ...commProperty,
      disabled: false,
      defaultValue: 1,
      filed: '',
      tagattr: '',
      min: 0,
      max: 100,
      step: 1,
      range: false,
      showstops: false
    }
  },
  {
    type: 'colorpicker',
    name: '颜色选择',
    layout: 'inline',
    dragType: 'control',
    icon: 'fa fa-tachometer',
    isShowSpanSetting: true,
    title: '颜色选择',
    options: {
      idPrefix: 'sl_',
      controlId: '',
      labelwidth: 100,
      lg: 24,
      md: 24,
      xs: 24,
      disabled: false,
      defaultValue: '',
      filed: '',
      tagattr: '',
      butsize: 'small'
    }
  },
  {
    type: 'avatar',
    name: '头像',
    layout: 'inline',
    icon: 'fa fa-text-width',
    isShowSpanSetting: true,
    title: '',
    options: {
      idPrefix: 'av_',
      controlId: '',
      labelwidth: 100,
      ...commProperty,
      disabled: false,
      defaultValue:
        'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png',
      filed: '',
      tagattr: '',
      butsize: 'small',
      fit: 'fill',
      shape: 'square'
    },
    funshow() {
      // if (fromInfo.designType === '/buildquestionnaire.html') {
      //   return false
      // }
      return false
    }
  },

  // {
  //   type: 'htmlArea',
  //   name: 'Html区域',
  //   icon: 'fa fa-file-code-o',
  //   layout: 'inline',
  //   isShowSpanSetting: true,
  //   title: '',
  //   options: {
  //     htmlContent: '<p>这是一个HTML代码块</p>',
  //     idPrefix: 'htl_',
  //     controlId: '',
  //     lg: 24,
  //     md: 24,
  //     xs: 24,
  //     filed: '',
  //     rowSpan: '1',
  //     tagattr: ''
  //   }
  // },
  {
    type: 'editor',
    name: '富文本',
    icon: 'fa fa-html5',
    layout: 'inline',
    isShowSpanSetting: true,
    title: '富文本',
    options: {
      defaultValue: '',
      placeholder: '',
      required: false,
      disabled: false,
      lg: 24,
      md: 24,
      xs: 24,
      height: 350,
      labelwidth: 100,
      filed: '',
      tagattr: ''
    }
  },

  {
    type: 'signname',
    name: '签名控件',
    icon: 'el-icon-edit',
    layout: 'inline',
    isShowSpanSetting: true,
    title: '签名控件',
    options: {
      required: false,
      disabled: false,
      lg: 24,
      md: 24,
      xs: 24,
      height: 191,
      labelwidth: 100,
      filed: '',
      tagattr: ''
    }
  },
  {
    type: 'locationmap',
    name: '定位控件',
    icon: 'el-icon-s-flag',
    layout: 'inline',
    isShowSpanSetting: true,
    title: '当前位置：',
    options: {
      required: false,
      disabled: false,
      labelwidth: 100,
      lg: 24,
      md: 24,
      xs: 24,
      filed: '',
      tagattr: ''
    }
  },
  // {
  //   type: 'blank',
  //   name: '占位栏',
  //   icon: 'fa fa-bookmark',
  //   layout: 'inline',
  //   isShowSpanSetting: true,
  //   options: {
  //     lg: 8,
  //     md: 12,
  //     xs: 24,
  //     tagattr: ''

  //   }
  // },

  // {
  //   type: 'dynamiclayout',
  //   name: '动态容器',
  //   icon: 'fa fa-bookmark',
  //   layout: 'inline',
  //   isShowSpanSetting: true,
  //   eventlist: [],
  //   title:''
  //   options: {
  //     lg: 8,
  //     md: 12,
  //     xs: 24,
  //     rowSpan: '1',
  //     dynamiclist: [{ list: [], options: { name: 'dynamicplane1', title: '面板1' } }],
  //     tagattr: ''
  //   }
  // },

  {
    type: 'rate',
    name: 'Rate评分',
    icon: 'fa fa-star',
    dragType: 'control',
    layout: 'inline',
    isShowSpanSetting: true,
    title: 'Rate评分',
    eventlist: [],
    options: {
      ...commProperty,
      defaultValue: '',
      filed: '',
      required: false,
      disabled: false,
      labelwidth: 100,
      tagattr: ''
    }
  },
  {
    type: 'inputnumber',
    name: '数字控件',
    icon: 'fa fa-sort-numeric-asc',
    dragType: 'control',
    layout: 'inline',
    isShowSpanSetting: true,
    eventlist: [],
    title: '数字',
    options: {
      ...commProperty,
      defaultValue: '1',
      filed: '',
      min: 0,
      max: 0,
      precision: 0,
      step: 1,
      required: false,
      disabled: false,
      labelwidth: 100,
      tagattr: ''
    }
  },
  // {
  //   type: 'tree',
  //   name: '树控件',
  //   icon: 'fa fa-bookmark',
  //   layout: 'inline',
  //   isShowSpanSetting: true,
  //   options: {
  //     lg: 24,
  //     md: 24,
  //     xs: 24,
  //     idPrefix: 'tree_',
  //     describe: '',
  //     defaultValue: [
  //       {
  //         label: '一级 1',
  //         children: [
  //           {
  //             label: '二级 1-1',
  //             children: [
  //               {
  //                 label: '三级 1-1-1'
  //               }
  //             ]
  //           }
  //         ]
  //       },
  //       {
  //         label: '一级 2',
  //         children: [
  //           {
  //             label: '二级 2-1',
  //             children: [
  //               {
  //                 label: '三级 2-1-1'
  //               }
  //             ]
  //           },
  //           {
  //             label: '二级 2-2',
  //             children: [
  //               {
  //                 label: '三级 2-2-1'
  //               }
  //             ]
  //           }
  //         ]
  //       },
  //       {
  //         label: '一级 3',
  //         children: [
  //           {
  //             label: '二级 3-1',
  //             children: [
  //               {
  //                 label: '三级 3-1-1'
  //               }
  //             ]
  //           },
  //           {
  //             label: '二级 3-2',
  //             children: [
  //               {
  //                 label: '三级 3-2-1'
  //               }
  //             ]
  //           }
  //         ]
  //       }
  //     ],
  //     defaultProps: {
  //       children: 'children',
  //       label: 'label'
  //     },
  //     rowSpan: '1',
  //     tagattr: ''
  //   }
  // },
  // {
  //   type: 'navmenu',
  //   name: '导航菜单',
  //   icon: 'fa fa-bookmark',
  //   layout: 'inline',
  //   isShowSpanSetting: true,
  //   options: {
  //     spans: '24',
  //     idPrefix: 'menu_',
  //     describe: '',
  //     type: '',
  //     tabPosition: 'top',
  //     defaultValue: [{ tabname: '', tablabel: '' }],
  //     rowSpan: '1'
  //   }
  // },
  {
    type: 'imgage',
    name: '图片控件',
    icon: 'fa fa-picture-o',
    layout: 'inline',
    dragType: 'control',
    isShowSpanSetting: true,
    eventlist: [],
    title: '图片',
    options: {
      width: 150,
      height: 80,
      idPrefix: 'img_',
      describe: '',
      filed: '',
      defaultValue: '',
      tagattr: '',
      ...commProperty
    },
    funshow(data, fromInfo) {
      if (fromInfo.designType === '/buildquestionnaire.html') {
        return false
      }
      return true
    }
  },
  // {
  //   type: 'calendar',
  //   name: '日历控件',
  //   icon: 'fa fa-bookmark',
  //   layout: 'inline',
  //   isShowSpanSetting: true,
  //   eventlist: [],
  // title: '日历',
  //   options: {
  //     lg: 24,
  //     md: 24,
  //     xs: 24,
  //     idPrefix: 'img_',
  //     describe: '',
  //     tagattr: ''
  //   }
  // },
  {
    type: 'timepicker',
    title: '时间选择',
    name: '时间选择',
    dragType: 'control',
    icon: 'fa fa-calendar-check-o',
    layout: 'inline',
    isShowSpanSetting: true,
    eventlist: [],
    options: {
      ...commProperty,
      timeformat: '',
      minute: 1,
      second: 1,
      required: false,
      disabled: false,
      filed: '',
      labelwidth: 100,
      tagattr: ''
    }
  },
  {
    type: 'upFilesComp',
    name: '上传控件',
    icon: 'fa fa-upload',
    layout: 'inline',
    dragType: 'control',
    isShowSpanSetting: true,
    title: '上传',
    options: {
      ...commProperty,
      uptype: 'file',
      required: false,
      disabled: false,
      filed: '',
      tagattr: ''
    }
  }
  // ,
  // {
  //   type: 'pageheader',
  //   name: '返回详情',
  //   icon: 'fa fa-bookmark',
  //   layout: 'inline',
  //   isShowSpanSetting: true,
  //   options: {
  //     lg: 24,
  //     md: 24,
  //     xs: 24,
  //     idPrefix: 'hder_',
  //     describe: ''
  //   }
  // }
]
export const platformComponents = [
  {
    type: 'partlayout',
    name: '局部容器',
    icon: 'fa fa-columns',
    layout: 'inline',
    list: [],
    isShowSpanSetting: true,
    eventlist: [],
    title: '',
    options: {
      ...commProperty,
      tagattr: ''
    }
  },
  {
    type: 'listview',
    name: '子表控件',
    icon: 'el-icon-s-grid',
    isShowCheck: true,
    title: '子表控件',
    options: {
      idPrefix: 'lst_',
      controlId: 'view1',
      enableChoose: false,
      isMulty: false,
      showNo: true,
      tagattr: '',
      columns: []
    }
  },
  {
    type: 'gridlist',
    name: '列表查询',
    icon: 'el-icon-s-grid',
    isShowCheck: true,
    title: '列表查询',
    options: {
      sourceName: '',
      sourceApi: '',
      sourcetype: '',
      wherelist: [],
      columns: [],
      idPrefix: 'lst_',
      controlId: 'view1',
      enableChoose: false,
      isMulty: false,
      isPage: false,
      showNo: true,
      tagattr: '',
      fromid: ''
    }
  },
  {
    type: 'user',
    name: '选人控件',
    icon: 'fa fa-user',
    dragType: 'control',
    isShowCheck: true,
    isShowSpanSetting: true,
    title: '选人控件',
    options: {
      typemode: 1,
      idPrefix: 'usr_',
      controlId: '',
      describe: '',
      required: false,
      disabled: false,
      ...commProperty,
      defaultText: '',
      isMulty: false,
      confirmFunName: '',
      confirm: '',
      edit: false,
      deptId: '',
      showUserid: false,
      placeholder: '',
      init: '',
      filed: '',
      labelwidth: 100,
      tagattr: ''
    }
  },
  {
    type: 'department',
    name: '选部门控件',
    icon: 'fa fa-users',
    isShowCheck: true,
    isShowSpanSetting: true,
    dragType: 'control',
    title: '选部门',
    options: {
      typemode: 2,
      idPrefix: 'dep_',
      controlId: '',
      placeholder: '',
      describe: '',
      required: false,
      disabled: false,
      dataType: 'string',
      ...commProperty,
      isMulty: false,
      confirmFunName: '',
      confirm: '',
      edit: false,
      ActiveParameterFunName: '',
      ActiveParameter: '',
      level: '10000001',
      maxLevel: '6',
      filed: '',
      labelwidth: 100,
      tagattr: ''
    }
  },
  {
    type: 'organ',
    name: '选机构控件',
    icon: 'fa fa-cubes',
    isShowCheck: true,
    isShowSpanSetting: true,
    dragType: 'control',
    title: '选机构',
    options: {
      typemode: 3,
      idPrefix: 'dep_',
      controlId: '',
      placeholder: '',
      describe: '',
      required: false,
      disabled: false,
      dataType: 'string',
      ...commProperty,
      isMulty: false,
      confirmFunName: '',
      confirm: '',
      edit: false,
      ActiveParameterFunName: '',
      ActiveParameter: '',
      level: '10000001',
      maxLevel: '6',
      filed: '',
      labelwidth: 100,
      tagattr: ''
    }
  },
  {
    type: 'role',
    name: '选角色控件',
    icon: 'el-icon-s-custom',
    isShowCheck: true,
    isShowSpanSetting: true,
    dragType: 'control',
    title: '选角色',
    options: {
      typemode: 4,
      idPrefix: 'dep_',
      controlId: '',
      placeholder: '',
      describe: '',
      required: false,
      disabled: false,
      dataType: 'string',
      ...commProperty,
      isMulty: false,
      confirmFunName: '',
      confirm: '',
      edit: false,
      ActiveParameterFunName: '',
      ActiveParameter: '',
      level: '10000001',
      maxLevel: '6',
      filed: '',
      labelwidth: 100,
      tagattr: ''
    }
  },
  {
    type: 'datarelevance',
    name: '关联数据',
    icon: 'el-icon-s-custom',
    isShowCheck: true,
    isShowSpanSetting: true,
    dragType: 'control',
    title: '关联数据',
    options: {
      sourceName: '',
      sourceApi: '',
      sourcetype: '',
      filedList: { headname: '', bindname: '' },
      wherelist: [],
      assignFiledList: [],
      filed: '',
      defaultValue: '',
      labelwidth: 100,
      ...commProperty,
      isAdd: false,
      required: false,
      disabled: false,
      fromid: ''
    }
  },
  {
    type: 'queryrelevance',
    name: '关联查询',
    icon: 'el-icon-s-custom',
    isShowCheck: true,
    isShowSpanSetting: true,
    dragType: 'control',
    title: '关联查询',
    options: {
      sourceName: '',
      sourceApi: '',
      sourcetype: '',
      wherelist: [],
      assignFiledList: [],
      ...commProperty
    }
  },
  {
    type: 'cityselector',
    name: '地区选择',
    icon: 'el-icon-s-custom',
    isShowCheck: true,
    isShowSpanSetting: true,
    dragType: 'control',
    title: '地区选择',
    options: {
      filed: '',
      defaultValue: '',
      labelwidth: 100,
      ...commProperty,
      tagattr: '',
      required: false,
      disabled: false
    }
  },
  // {
  //   type: 'cascade',
  //   name: '级联选择控件',
  //   icon: 'el-icon-s-custom',
  //   isShowCheck: true,
  //   isShowSpanSetting: true,
  //   dragType: 'control',
  //   title: '级联选择控件',
  //   options: {

  //   }
  // },
  // {
  //   type: 'financeNum',
  //   name: '大写金额',
  //   icon: 'el-icon-s-custom',
  //   isShowCheck: true,
  //   isShowSpanSetting: true,
  //   dragType: 'control',
  //   title: '大写金额',
  //   options: {

  //   }
  // },
  {
    type: 'autonumber',
    name: '自动编号',
    icon: 'el-icon-s-custom',
    isShowCheck: true,
    isShowSpanSetting: true,
    dragType: 'control',
    title: '自动编号',
    options: {
      filed: '',
      BusinessMoudle: '',
      BusinessModuleID: '',
      labelwidth: 100,
      modelcode: '',
      ...commProperty,
      tagattr: ''
    }
  }
]
export const chartComponents = [
  {
    type: 'partlayout',
    name: '局部容器',
    icon: 'fa fa-columns',
    layout: 'inline',
    list: [],
    isShowSpanSetting: true,
    eventlist: [],
    title: '',
    options: {
      ...commProperty,
      tagattr: ''
    }
  },
  {
    type: 'linechart',
    name: 'e折线图',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '折线图',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      axisdata: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
      axistype: 'x',
      tooltip: true,
      tooltip_left: 'center',
      bordermodel: 1
    }
  },
  {
    type: 'barechart',
    name: 'e柱状图',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '柱状图',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      axisdata: [],
      axistype: 'x',
      tooltip: true,
      tooltip_left: 'center',
      bordermodel: 1
    }
  },
  {
    type: 'piechart',
    name: 'e饼图',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '饼图',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      tooltip: true,
      tooltip_left: 'center',
      bordermodel: 1
    }
  },
  {
    type: 'scatterechart',
    name: 'e散点图',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '散点图',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      axisdata: [],
      axistype: 'x',
      tooltip: true,
      tooltip_left: 'center',
      bordermodel: 1
    }
  },
  {
    type: 'radarechart',
    name: 'e雷达图',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '雷达图',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      tooltip: true,
      tooltip_left: 'center',
      bordermodel: 1
    }
  },
  {
    type: 'funnelechart',
    name: 'e漏斗图',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '漏斗图',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      tooltip: true,
      tooltip_left: 'center',
      bordermodel: 1
    }
  },
  {
    type: 'gaugechart',
    name: 'e仪表盘',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '仪表盘',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      bordermodel: 1
    }
  },
  {
    type: 'activeringchart',
    name: '动态环图',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '动态环图',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      bordermodel: 1,
      data: [
        {
          name: '周口',
          value: 55
        },
        {
          name: '南阳',
          value: 120
        },
        {
          name: '西峡',
          value: 78
        },
        {
          name: '驻马店',
          value: 66
        },
        {
          name: '新乡',
          value: 80
        }
      ]
    }
  },
  {
    type: 'capsulechart',
    name: '胶囊柱图',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '胶囊柱图',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      bordermodel: 1,
      data: [
        {
          name: '周口',
          value: 55
        },
        {
          name: '南阳',
          value: 120
        },
        {
          name: '西峡',
          value: 78
        },
        {
          name: '驻马店',
          value: 66
        },
        {
          name: '新乡',
          value: 80
        }
      ]
    }
  },
  {
    type: 'waterlevelpondchart',
    name: '水位图',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '水位图',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      bordermodel: 1,
      config: { data: [66] }
    }
  },
  {
    type: 'percentpondchart',
    name: '进度池',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '进度池',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      bordermodel: 1,
      config: { value: 66 }
    }
  },
  {
    type: 'flylinechart',
    name: '飞线图',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '飞线图',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      bordermodel: 1,
      config: { value: 66 }
    }
  },
  {
    type: 'conicalcolumnchart',
    name: '锥形柱图',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '锥形柱图',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      bordermodel: 1,
      config: { value: 66 }
    }
  },
  {
    type: 'digitalflopchart',
    name: '数字翻牌器',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '数字翻牌器',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      bordermodel: 1,
      config: { value: 66 }
    }
  },
  {
    type: 'scrollboardchart',
    name: '轮播表',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '轮播表',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      bordermodel: 1,
      config: { value: 66 }
    }
  },
  {
    type: 'scrollrankingboardchart',
    name: '排名轮播表',
    icon: 'fa fa-user',
    dragType: 'chart',
    title: '排名轮播表',
    options: {
      controlId: '',
      ...commProperty,
      height: 260,
      iconclass: 'fa fa-bar-chart',
      iconcolor: '',
      titlecolor: '',
      decorationmodel: 1,
      bordermodel: 1,
      config: { value: 66 }
    }
  }
]
export const controlComponents = [
  {
    controls: layoutComponents,
    title: '布局控件',
    draggablebind: {
      group: { name: 'people', pull: 'clone', put: false },
      animation: 150,
      sort: false,
      ghostClass: 'ghost'
    },
    funshow(data, fromInfo) {
      if (
        fromInfo.designType === '/buildquestionnaire.html' ||
        fromInfo.designType === '/buildscreenanalyse.html'
      ) {
        return false
      }
      return true
    }
  },
  {
    controls: basicComponents,
    title: '基础控件',
    draggablebind: {
      group: { name: 'people1', pull: 'clone', put: false },
      sort: false,
      ghostClass: 'ghost'
    },
    funshow(data, fromInfo) {
      if (fromInfo.designType === '/buildscreenanalyse.html') {
        return false
      }
      return true
    }
  },
  {
    controls: platformComponents,
    title: '平台控件',
    draggablebind: {
      group: { name: 'people1', pull: 'clone', put: false },
      sort: false,
      ghostClass: 'ghost'
    },
    funshow(data, fromInfo) {
      if (
        fromInfo.designType === '/buildquestionnaire.html' ||
        fromInfo.designType === '/buildscreenanalyse.html'
      ) {
        return false
      }
      return true
    }
  },
  // {
  //   controls: [],
  //   title: '用户控件',
  //   draggablebind: {
  //     group: { name: 'people1', pull: 'clone', put: false },
  //     sort: false,
  //     ghostClass: 'ghost'
  //   },
  //   funshow(data, fromInfo) {
  //     if (fromInfo.designType === '/buildquestionnaire.html') {
  //       return false
  //     }
  //     return true
  //   }
  // },
  {
    controls: chartComponents,
    title: 'echart统计',
    draggablebind: {
      group: { name: 'people1', pull: 'clone', put: false },
      sort: false,
      ghostClass: 'ghost'
    },
    funshow(data, fromInfo) {
      if (fromInfo.designType === '/buildscreenanalyse.html') {
        return true
      }
      return false
    }
  }
]
